<!--
 * @Author: your name
 * @Date: 2021-09-10 11:32:17
 * @LastEditTime: 2021-09-10 15:18:38
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \briup\6-jQuery\day01\8-DOM操作.html
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>DOM操作</title>
    <script src="../js/jquery.js"></script>
</head>

<body>
    <div id="app">
        这是一个div
        <p>p标签</p>
        <input type="text" id="input">
        <button>获取input内容</button>
        <a href="http://www.baidu.com">百度一下</a>
    </div>
</body>
<script>
    //设置内容 / 属性
    $("#app").text("这是id为app的内容");
    //
    $("#app").html("< p > hello kitty < /p>");
    $("button").click(
        function() {
            console.log($("#input").val("999"));
        }
    )
    $("a").attr("href", "http://taobao.com");
    // //获取内容/属性
    // console.log($("#app").text());

    // console.log($("#app").html());
    // $("button").click(
    //     function() {
    //         console.log($("#input").val()); //input文本框输入啥获取啥
    //     }
    // )
    // console.log($("a").attr("href"));
</script>

</html>